<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>阅读器</title>
    <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" href="../../resource/mui/css/mui.css">


    <style type="text/css">
        .mui-content>.mui-table-view:first-child {
            margin-top: -1px;
        }
        .mui-active{

        }
        p {
            font-size: 20px;

        }
        html,
        body {
            background-color: #efeff4;
        }
        p {
            text-indent: 22px;
        }
        span.mui-icon {
            font-size: 14px;
            color: #007aff;
            margin-left: -15px;
            padding-right: 10px;
        }
        .mui-off-canvas-left {
            color: #fff;
        }
        .title {
            margin: 35px 15px 10px;
        }
        .title+.content {
            margin: 10px 15px 35px;
            color: #bbb;
            text-indent: 1em;
            font-size: 14px;
            line-height: 24px;
        }
        input {
            color: #000;
        }}

    </style>
</head>

<body>
<input style="display: none" id="accountid" type="text" value="">
<div id="offCanvasWrapper" class="mui-off-canvas-wrap mui-draggable">
    <!--侧滑菜单部分-->
    <aside id="offCanvasSide" class="mui-off-canvas-left">
        <div id="offCanvasSideScroll" class="mui-scroll-wrapper">
            <div class="mui-scroll">
                <ul class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
                    <li style="padding: 0" class="mui-table-view-cell">
                        <div style="width: 100%;margin: 10px 0" class="mui-content-padded">
                            <form id="upload_form" enctype="multipart/form-data" method="post" action="test.do">
                            <button id="upload_button"  type="button" class="mui-btn mui-btn-primary mui-btn-block mui-btn-outlined">上传本地小说</button>
                            <input id="upload_input" type="file" accept="txt" style="display: none" name="upload">
                            </form>
                        </div>
                    </li>
                </ul>
                <ul id="cebian" class="mui-table-view mui-table-view-chevron mui-table-view-inverted">
                    <li id="mybooks" class="mui-table-view-cell">
                            我的书架
                    </li>
                    <li class="mui-table-view-cell">Item 1</li>
                    <li class="mui-table-view-cell">Item 1</li>
                    <li class="mui-table-view-cell">Item 1</li>
                    <li class="mui-table-view-cell">Item 1</li>
                </ul>

            </div>
        </div>
    </aside>
    <!--主界面部分-->
    <div class="mui-inner-wrap">
        <div id="pullrefresh" class="mui-content mui-scroll-wrapper">
            <div class="mui-scroll">
                <!--数据列表-->
                <ul id="content" style="padding: 0 2vw;font-weight: bold;" class="mui-table-view mui-table-view-chevron">

                </ul>
            </div>
        </div>
    </div>
</div>

<script src="../../resource/js/jquery2.2.js"></script>
<script src="../../resource/mui/js/mui.min.js" type="text/javascript" charset="utf-8"></script>
<script src="resource/js/readPage.js"></script>
<script src="resource/js/eventBind.js"></script>
<script>

</script>
<script>

</script>
</body>

</html>
